@charset "utf-8";
@import "reset";
@import "utils";
@import "comon";
.My_ranking_web{
    @include webbg;
    //头部
    .Ranking_List-head{
        width: 100%;
        margin-top: r(40);
        text-align: center;
        position: relative;
        >div:first-child{
            display: inline-block;
            width: r(320);
            height: r(42);
            @include aImg;
        }
        >div:last-child{
            position: absolute;
            left: 50%;
            top: 25%;
            transform: translate(-50%,-25%);
            p{
                color: #e7c598;
                font-size: r(25);
            }
        }
    }
    //排名
    .Ranking_List-center{
        border: r(1) solid #e7c598;
        height: r(835);
        width: r(480);
        overflow: auto;
        position: relative;
        margin: 0 auto;
        margin-top: r(-11);
        >div{
            position: relative;
            height: r(90);
            line-height: r(90);
            overflow: hidden;
            box-sizing: border-box;
            >ul{
                >li{
                    height: 100%;
                    display: inline-block;
                    line-height: r(90);
                    box-sizing: border-box;
                }
                >li:first-child{
                    color: #e7c598;
                    font-size: r(40);
                    line-height: r(40);
                    vertical-align: top;
                    margin-top: r(15);
                    margin-left: r(35);
                    margin-right: r(40);
                    >div:first-child{
                        margin: 0 auto;
                        width: r(20);
                        height: r(13);
                        @include aImg;
                    }
                }
                >li:nth-child(2){
                    margin-top: r(15);
                    margin-right: r(15);
                    >div{
                        width: r(62);
                        height: r(62);
                        border-radius: 50%;
                        overflow: hidden;
                        @include aImg;
                    }
                }
                >li:nth-child(3){
                   transform: translateY(-25%);
                    color: #e7c598;
                    font-size: r(20);
                }
                >li:nth-child(4){
                    color: #e7c598;
                    font-size: r(30);
                    float: right;
                    margin-right: r(40);
                }
            }
        }
        .List_center_two{
            border-bottom: 1px solid #E7C598;
            border-top: 1px solid #E7C598;
        }
        //排名样式
        .List_center_cent{
            border-top: 1px solid #E7C598;
            >ul{
                >li:nth-child(2){
                    margin-top: r(15);
                    margin-right: r(15);
                    >div{
                        width: r(62);
                        height: r(62);
                        border-radius: 50%;
                        overflow: hidden;
                        @include aImg;
                    }
                }
                >li:nth-child(3),>li:nth-child(4){
                    color: #fff;
                }
                >li:first-child{
                    margin-top: 5%;
                    color: #fff;
                }
                .Left{
                    margin-left: r(20);   
                    margin-right: r(30);
                }
            } 
        }
        //最后一个div
        .List_center_last{
            width: r(480);
            background: #e7c598;
            position: fixed;
            bottom: 9%;
            >ul{
                >li:first-child{
                    margin-left: r(15);   
                    margin-right: r(19);
                }
                 >li:nth-child(3),>li:nth-child(4){
                    color: #b42e20;
                }
                >li:first-child{
                    color: #b42e20;
                }
                
            }
        }
    }
    //底部home 外部引用
}
